<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="c_jstl" %>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

    <!-- Basic Page Needs
  ================================================== -->
    <meta charset="utf-8">
    <title>7 you 用户登录</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Mobile Specific Metas
  ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

    <!-- CSS
  ================================================== -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/skeleton.css">
    <link rel="stylesheet" href="css/screen.css">
    <link rel="stylesheet" href="css/mediaelementplayer.css" />
    <!--[if IE 7]>
        <link rel="stylesheet" href="stylesheets/ie7.css">
    <![endif]-->

    <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
    
    <!-- Fonts
    ================================================== -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,300,300italic' rel='stylesheet' type='text/css'>
    
    <!-- Scripts
    ================================================== -->
    <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
    <script src="js/jquery.animate-colors-min.js" type="text/javascript"></script>
    <script src="js/ddsmoothmenu.js" type="text/javascript"></script>
    <script src="js/jquery.cssAnimate.mini.js" type="text/javascript"></script>
    <script src="js/jquery.fitvids.js" type="text/javascript"></script>
    <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
    <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
    <script src="js/mediaelement-and-player.min.js"></script>
    <script src="js/screen.js" type="text/javascript"></script>
    
</head>

<body>

    <!-- Site Backgrounds
    ================================================== -->
    
    <!-- Change to class="poswrapheaderline wide" and class="headerline full" for a full-width header line -->
    <div class="poswrapheaderline"><div class="headerline"></div></div>  
    <!-- Remove or uncomment depending on if you want a background image or tile -->
    <div class="tiledbackground"></div>
    <!--img src="images/bg.jpg" alt="" id="background" /-->
    <!-- Change to class="poswrapper wide" and class="whitebackground full" for a full-width site background -->
    <div class="poswrapper"><div class="whitebackground"></div></div>

    <div class="container main portfolio4column">

<!-- Header | Logo, Menu
        ================================================== -->
        <jsp:include page="head.jsp"/>
        
        		<!-- Page Title
		================================================== -->
		
		<div class="pagetitle">
			<div class="pagetitleholder">
				<h1>用户登录</h1>
			</div>
			<div class="socialholder">
				<ul class="socialicons">
				<li><a href="regist.jsp" class="linkbg">注册</a></li>			
				</ul>
			</div>
		</div>
        
        <!-- Body Content
        ================================================== -->
        <div align="justify">                  
<form name="form1" method="post" action="UserLogin">
<ul type="none" style="float:right;">
        <li>账&nbsp;&nbsp;号：</li>
        <li><input type="text" name="username" id="username"></li>
        <li></li>
        <li>密&nbsp;&nbsp;码：</li>
        <li><input type="password" name="password" id="password"></li>
        <li></li>
 
        <li>
          <input type="submit" value="登 录"  style="color:white;width:100px;height:40px;font-weight:bold;font-size:14px;font-style:normal;border:1px solid #1a9775;background:#1ca37d" onmouseover="this.style.backgroundColor='#1a9775';" onmouseout="this.style.backgroundColor='#1ca37d';">
          <fount style="color:#f00;">${msg}</fount>
        </li>
        <li>
			<p>第三方账号登录</p>
			<p>
				<a href="http://openapi.qzone.qq.com/oauth/show?which=Login&display=pc&auth_time=&page_type=&viewPage=&client_id=100270989&redirect_uri=https%3A%2F%2Fpassport.csdn.net%3A443%2Fauth%2Fqq&response_type=code&redirect_uri=https%3a%2f%2fpassport.csdn.net%3a443%2fauth%2fqq&client_id=100270989">
				<img src="images/qq.png" width="32" height="32"></a>
 
 				<a href="https://api.weibo.com/oauth2/authorize?client_id=2601122390&response_type=code&redirect_uri=https%3a%2f%2fpassport.csdn.net%3a443%2fauth%2fsinat"><img src="images/sinat.png" width="32" height="32"></a>
 			</p>
        </li>
        </ul>
</form>
      </div>
        <div class="clear"></div>
        
      <!-- Bottom Padding Adjust
       ================================================== --> 
       <div class="sixteen columns bottomadjust"></div>
            
    </div><!-- container -->

    <!-- Footer
    ================================================== -->
    <jsp:include page="foot.jsp"/>
<!-- End Document
================================================== -->
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>